<%--
  Created by IntelliJ IDEA.
  User: 15212
  Date: 2022/11/10
  Time: 19:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set value="${pageContext.request.contextPath}" var="path"></c:set>
<!doctype html>
<html lang="en" class="pxp-root">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="shortcut icon" href="/static/web/images/favicon.png" type="image/x-icon">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap" rel="stylesheet">
    <link href="/static/web/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/web/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/web/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="/static/web/css/animate.css">
    <link rel="stylesheet" href="/static/web/css/style.css">
    <script type="text/javascript" src="/static/web/js/jquery-3.3.1.min.js"></script>

    <title>万码招聘 - 企业-密码登录</title>
</head>

<script type="text/javascript">
    $(function (){
        $("#pxp-signin-page-phone").blur(function (){
            if($("#pxp-signin-page-phone").val()==""){
                $(".errtishi").html("");
                $("#phone_msg").html("手机号不能为空!");
                $("#phone_msg").css("color","red");
                return false;
            }
            $(".errtishi").html("");
            $("#phone_msg").html("√");
            $("#phone_msg").css("color","blue");
            return true;
        });

        $("#pxp-signin-page-password").blur(function (){
            if($("#pxp-signin-page-password").val()==""){
                $("#pass_msg").html("密码不能为空!");
                $("#pass_msg").css("color","red");
                return false;
            }
            $("#pass_msg").html("√");
            $("#pass_msg").css("color","blue");
            return true;
        });

        $(".passTips").click(function (){
            if($("#pxp-signin-page-password").attr("type")=="password"){
                $("#pxp-signin-page-password").prop("type","text");
            }
            else {
                $("#pxp-signin-page-password").prop("type","password");
            }
        });

        $(".login").click(function (){
            if ($("#pxp-signin-page-phone").val()=="")
            {
                $("#phone_msg").html("手机号不能为空!");
                $("#phone_msg").css("color","red");
                return false;
            }
            $("#phone_msg").css("color","blue");
            if ($("#pxp-signin-page-password").val()=="")
            {
                $("#pass_msg").html("密码不能为空!");
                $("#pass_msg").css("color","red");
                return false;
            }
            $("#myform").submit();
            return false;
        });
    });
</script>

<body>
<div class="pxp-preloader"><span>Loading...</span></div>

<jsp:include page="/web/companies/inc/companySignUpHead"/>

<section class="pxp-hero vh-100" style="background-color: var(--pxpMainColorLight);">
    <div class="row align-items-center pxp-sign-hero-container">
        <div class="col-xl-6 pxp-column">
            <div class="pxp-sign-hero-fig text-center pb-100 pt-100">
                <img src="/static/web/images/signin-big-fig.png" alt="Sign In">
                <h1 class="mt-4 mt-lg-5">欢迎 回来!</h1>
            </div>
        </div>
        <div class="col-xl-6 pxp-column pxp-is-light">
            <div class="pxp-sign-hero-form pb-100 pt-100">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-xl-7 col-xxl-5">
                        <div class="pxp-sign-hero-form-content">
                            <h5 class="text-center">登录</h5>
                            <form class="mt-4" id="myform" method="post" action="/web/companies/tryLogin">
                                <div style="margin-top: -20px;">
                                    <c:if test="${param.err==1}"><span class="errtishi" style="margin-left: 20px;color: #0a53be;font-size: 10px;font-weight:bold;">账号或密码输入有误!</span></c:if>
                                    <span style="margin-left: 20px;font-size: 10px;font-weight:bold;" id="phone_msg"></span>
                                    <div class="form-floating mb-3">
                                        <input type="email" class="form-control" id="pxp-signin-page-phone" placeholder="手机号" name="phone">
                                        <label style="font-weight:bold;" for="pxp-signin-page-phone">手机号</label>
                                        <span class="fa fa-envelope-o"></span>
                                    </div>
                                </div>

                                <div style="margin-top: -20px;">
                                    <span style="margin-left: 20px;font-size: 10px;font-weight:bold;" id="pass_msg"></span>
                                    <div class="form-floating mb-3">
                                        <input type="password" class="form-control" id="pxp-signin-page-password" placeholder="密码" name="pass">
                                        <label style="font-weight:bold;" for="pxp-signin-page-password">密码</label>
                                        <span class="fa fa-lock passTips"></span>
                                    </div>
                                </div>

                                <a href="javascript:void(0)" class="btn rounded-pill pxp-sign-hero-form-cta login">登录</a>
                                <div style="margin-left:22px;margin-top:10px;font-weight: bold;font-size: 13px;"><input type="checkbox" name="onCook" class="form-check-input"/>7天免登录</div>
                                <div class="mt-4 text-center pxp-sign-hero-form-small">
                                    <a style="margin-left:10px;margin-top:-10px;font-weight:bold;" href="/web/companies/companyForgetPass" class="pxp-modal-link">忘记密码？</a>
                                </div>
                                <div>
                                    <a href="/web/companies/companySignIn" class="pxp-modal-link" style="margin-left:95px;font-weight: bold;font-size: 14px;">短信验证码登录？</a>
                                </div>
                                <div style="font-weight:bold;" class="mt-4 text-center pxp-sign-hero-form-small">
                                    新手? <a href="/web/personal/signUp">创建账号</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--foot-->
<jsp:include page="/web/personal/inc/personalSignUpFoot"/>

<script src="/static/web/js/jquery-3.4.1.min.js"></script>
<script src="/static/web/js/bootstrap.bundle.min.js"></script>
<script src="/static/web/js/owl.carousel.min.js"></script>
<script src="/static/web/js/nav.js"></script>
<script src="/static/web/js/main.js"></script>
</body>
</html>
